<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
<script src="dist/jquery-3.5.1.min.js"></script>
<script src="dist/js/popper.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="dist/css/bootstrap.min.css">

<!-- 手风琴相关 -->
<link rel="stylesheet" href="dist/pagins/accordion/css/accordion.css">
<script src="dist/pagins/accordion/js/accordion.js"></script>
<link rel="stylesheet" href="dist/pagins/accordion/css/swiper.min.css">
<script src="dist/pagins/accordion/js/swiper.min.js"></script>
<!-- 手风琴相关 -->

<!-- 底部 -->
<link href="dist/pagins/footer/css/style.css" rel="stylesheet" type="text/css" />
<!-- 底部 -->

</head>
<style>
html ,body{height:100%;}
body {background-color:#E7EAED;background-repeat:no-repeat;background-size:100% 100%;}
button{ margin:3px;}
card{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.herder-top {
	height:450px;
}
.herder-contain {
	height:800px;
	margin: 0px;
	padding: 0px;
}
.container-fluid {
	margin: 0px;
	padding: 0px;
}

.herder-contain-show {
	height:400px;
}
.foot-contain {
	height:300px;
}
nav{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
nav ul {position: relative;}
</style>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top container-fluid">
    <img src="dist/icons/lightning-fill.svg" alt="" width="32" height="32" title="Bootstrap">
    <span class="badge badge-info h5">某达承</span>
	<ul class="nav justify-content-end navbar navbar-fixed-top">
	  <li class="nav-item">
	    <a class="nav-link text-light text-break active h4" href="#">首页</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link text-light h5" href="#">新品展示</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link text-light h5" href="#">产品列表</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link text-light h5" href="#">经营团队</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link text-light h5" href="#">联系我们</a>
	  </li>
	</ul>
	<span class="ml-auto mr-2 text-info">登录名:<span class="text-warning">小小因</span>
	<img src="dist/imgs/touxiang.png" class="rounded-circle" width="50" height="50">
	</span>
	
</nav>

<div class="container-fluid" id="logincontainer">
	<div class="row bg-muted herder-top">
	  <div class="align-self-lg-start border border-success">
		<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
		  <ol class="carousel-indicators">
		    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
		    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
		    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
		  </ol>
		  <div class="carousel-inner">
		    <div class="carousel-item active">
		      <img src="dist/imgs/gd1.png" class="d-block w-100 h-100" alt="...">
		      <div class="carousel-caption d-none d-md-block">
		        <h5>标题</h5>
		        <p>描述</p>
		      </div>
		    </div>
		    <div class="carousel-item">
		      <img src="dist/imgs/gd2.png" class="d-block w-100 h-100" alt="...">
		      <div class="carousel-caption d-none d-md-block">
		        <h5>西服</h5>
		        <p>格利亚西服</p>
		      </div>
			</div>
		    <div class="carousel-item">
		      <img src="dist/imgs/gd3.png" class="d-block w-100 h-100" alt="...">
		      <div class="carousel-caption d-none d-md-block">
		        <h5>老西服</h5>
		        <p>格利亚老西服</p>
		      </div>
		    </div>
		  </div>
		  <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
		    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
		    <span class="sr-only">上一页</span>
		  </a>
		  <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
		    <span class="carousel-control-next-icon" aria-hidden="true"></span>
		    <span class="sr-only">下一页</span>
		  </a>
		</div>
	  </div>
	</div>
	
	<div class="row bg-info herder-contain">
	    <div class="container-fluid w-accor w-accor6" id="Accor6">
			<ul class="clearfix">
				<li>
					<div class="item clearfix">
						<div class="img_ar">
							<img src="dist/pagins/accordion/image/b1.png" />
						</div>
						<div class="cont_ar">
							<h3 class="h_1">标题</h3>
							<h3 class="h_2">简要</h3>
							<div class="dec_ar">
								<div class="acr_p">字描...</div>
							</div>
						</div>
					</div> <a href="#"></a>
				</li>
				<li>
					<div class="item clearfix">
						<div class="img_ar">
							<img src="dist/pagins/accordion/image/b2.png" />
						 </div>
						<div class="cont_ar">
							<h3 class="h_1">标题</h3>
							<h3 class="h_2">简要</h3>
							<div class="dec_ar">
								<div class="acr_p">描述...</div>
							</div>
						</div>
					</div> <a href="#"></a>
				</li>
				<li>
					<div class="item clearfix">
						<div class="img_ar">
							<img src="dist/pagins/accordion/image/b3.png" />
						</div>
						<div class="cont_ar">
							<h3 class="h_1">标题</h3>
							<h3 class="h_2">简要</h3>
							<div class="dec_ar">
								<div class="acr_p">描述...</div>
							</div>
						</div>
					</div> <a href="#"></a>
				</li>
				<li>
					<div class="item clearfix">
						<div class="img_ar">
							<img src="dist/pagins/accordion/image/b4.png" />
						</div>
						<div class="cont_ar">
							<h3 class="h_1">标题</h3>
							<h3 class="h_2">简要</h3>
							<div class="dec_ar">
								<div class="acr_p">描述...</div>
							</div>
						</div>
					</div> <a href="#"></a>
				</li>
				<li>
					<div class="item clearfix">
						<div class="img_ar">
							<img src="dist/pagins/accordion/image/b4.png" />
						</div>
						<div class="cont_ar">
							<h3 class="h_1">标题</h3>
							<h3 class="h_2">简要</h3>
							<div class="dec_ar">
								<div class="acr_p">描述更多》》...</div>
							</div>
						</div>
					</div> <a href="#"></a>
				</li>
			</ul>
		</div>
		<script type="text/javascript">
        $(function(){
          accor($('#Accor6'),'50%',500,false,false); //参数1:Dom节点，参数2：展开图宽度(值可正数像素值或百分比）、参数3：速度（ms）、参数4：初始是否展开（是true，否false）、参数5：是否点击展开（是true，否false）
        });
        </script>
	</div>
	
	<div class="row bg-secondary herder-contain-show">
	  <div class="col align-self-center border-success">
	    
	  </div>
	</div>
	
	<!-- 底部 -->
	<div class="row bg-dark foot-contain">
		<div class="col align-self-center border-success">
			<div class="footer-box">
				<div class="footer-container">
					<div class="footer-service clearfix">
						<div class="footer-service-item footer-icon-001">
							<i></i> <span>专注服务于电商领域</span>
						</div>
						<div class="footer-service-item footer-icon-002">
							<i></i> <span>资深电商客服专家</span>
						</div>
						<div class="footer-service-item footer-icon-003">
							<i></i> <span>一对一专属会员经理</span>
						</div>
						<div class="footer-service-item footer-icon-004">
							<i></i> <span>385万用户诚意推荐</span>
						</div>
					</div>
					<div class="footer-line"></div>
					<div class="footer-links clearfix">
						<dl class="footer-article-item">
							<dt>旗下品牌</dt>
							<dd>
								<a href="#">jq22</a>
							</dd>
							<dd>
								<a href="#">ECJia</a>
							</dd>
							<dd>
								<a href="#">ECTouch</a>
							</dd>
						</dl>
						<dl class="footer-article-item">
							<dt>关于我们</dt>
							<dd>
								<a href="#">公司介绍</a>
							</dd>
							<dd>
								<a href="#">发展历程</a>
							</dd>
							<dd>
								<a href="#">团队风采</a>
							</dd>
							<dd>
								<a href="#">办公环境</a>
							</dd>
							<dd>
								<a href="#">荣誉资质</a>
							</dd>
							<dd>
								<a href="#">联系我们</a>
							</dd>
						</dl>
						<dl class="footer-article-item">
							<dt>精品教程</dt>
							<dd>
								<a href="#">模板说明</a>
							</dd>
							<dd>
								<a href="#">jq22教程</a>
							</dd>
							<dd>
								<a href="#">微商城教程</a>
							</dd>
							<dd>
								<a href="#">APP教程</a>
							</dd>
							<dd>
								<a href="#">视频指导</a>
							</dd>
							<dd>
								<a href="#">问答堂</a>
							</dd>
						</dl>
						<dl class="footer-article-item">
							<dt>其他</dt>
							<dd>
								<a href="#">官方论坛</a>
							</dd>
							<dd>
								<a href="#">服务支持</a>
							</dd>
							<dd>
								<a href="#">电商大会</a>
							</dd>
							<dd>
								<a href="#">投诉建议</a>
							</dd>
							<dd>
								<a href="#">支付方式</a>
							</dd>
							<dd>
								<a href="#">站点地图</a>
							</dd>
						</dl>
						<dl class="footer-contact-item">
							<h3>联系我们</h3>
							<p>400-010-xxx</p>
							<div class="footer-ewm">
								<img src="dist/pagins/footer/images/vm.png" alt="">
								<p>关注微信订阅号</p>
							</div>
						</dl>
					</div>
					<div class="footer-friend">
						<div class="footer-friend-title">友情链接：</div>
						<ul class="footer-friend-title-list clearfix">
							<li><a href="#">jq22</a></li>
							<li><a href="#">移动商城购物</a></li>
							<li><a href="#">APP商城开发</a></li>
							<li><a href="#">DESTOON B2B</a></li>
							<li><a href="#">Linux </a></li>
							<li><a href="#">Linux 面板</a></li>
							<li><a href="#">Chrome插件</a></li>
							<li><a href="#">W3Cschool</a></li>
							<li><a href="#">网站</a></li>
							<li><a href="#">工具</a></li>
							<li><a href="#">移动商城购物</a></li>
						</ul>
						<a href="#" class="footer-friend-more">更多 >></a>
					</div>
					<div class="footer-copyright">
						<p>© 2002-2018 (jq22.com)
							版权所有，并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: （天津）律师事务所</p>
						<p>
							天津市南开二纬路xxxx号劝业场&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#">
								<img src="images/icon-footer.png" alt="">**网安备
								0008899999xxxx号
							</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script>
$(document).ready(function(){
	var lh =$(document).height();
	//alert(lh);
	
});

</script>
</html>